import React, { Component } from 'react'
import HotShowing from './HotShowing'

export default class Movie extends Component {

  // constructor(){
  //   super();
  //   this.state={
  //     name:"战狼2"
  //   }
  // }

  state = {
    name: "战狼2",
    count: 1
  }

  render() {
    return (
      <div>
        {this.state.name}
        <button>+</button>
        <button>-</button>
        <HotShowing></HotShowing>
      </div>
    )
  }

  componentDidMount() {
    // setTimeout(()=>{

    //   // this.setState({
    //   //   name:"战狼1"
    //   // })
    //   // this.state.name="战狼1"
    //   // this.setState({})



    // },2000)
    //异步的
    // this.setState({
    //   count:this.state.count +1
    // },()=>{
    //   console.log(this.state.count)
    // })

    this.setState((preState, props) => {
      console.log('props:',props)
      return {
        count: preState.count + 1
      }
    }, () => {
      console.log(this.state.count)
    })

  }
}
